// 通过observer实例的observer方法来观察每一个item节点
// 如果当前被观察的图片的isIntersecting为true，说明这个图片被看见了，就把它加载出来
// 然后通过unobserve方法取消observer实例的这个观察动作
const lazyImg = function (): void {
  const images = document.getElementsByTagName('img');
  const div = document.createElement('div')
  type _dom = typeof div
  const cb = (item: any) => {
    [...item].forEach((it) => {
      if (it.isIntersecting) {
        const image = it.target;
        const dataSrc = image.getAttribute('data-src')
        image.setAttribute('src', dataSrc);
        observer.unobserve(image);
        console.log('scroll被触发了');
      }
    })
  }

  const observer: IntersectionObserver = new IntersectionObserver(cb);
  [...images].forEach((item: _dom) => {
    observer.observe(item);
  })
}

export default lazyImg